import axios from 'axios'
import router from '../router'
import { ElMessage } from 'element-plus'
import {baseUrl} from '../base'
// 创建一个 axios 实例
const service = axios.create({
	baseURL: baseUrl, // 所有的请求地址前缀部分
	timeout: 60000, // 请求超时时间毫秒
	withCredentials: true, // 异步请求携带cookie
	headers: {
		// 设置后端需要的传参类型
		// 'Content-Type': 'application/json',
		// 'Content-Type': 'application/x-www-form-urlencoded',
		// 'token':window.sessionStorage.getItem('token'),
		// 'X-Requested-With': 'XMLHttpRequest',
	},
})
import VueCookies from 'vue-cookies'
// 添加请求拦截器
service.interceptors.request.use(
	function (config) {
		// 在发送请求之前做些什么
		config.headers.token = VueCookies.get('token');//动态添加token 因为在axios的create中配的token是静态的
		return config
	},
	function (error) {
		// 对请求错误做些什么
		console.log(error)
		return Promise.reject(error)
	}
)

// 添加响应拦截器
service.interceptors.response.use(
	function (response) {
		console.log("响应拦截")
		console.log(response)
		// 2xx 范围内的状态码都会触发该函数。
		// 对响应数据做点什么
		// dataAxios 是 axios 返回数据中的 data
		const dataAxios = response.data
		// 这个状态码是和后端约定的
		const code = dataAxios.code
		const flag = dataAxios.flag
		const msg =  dataAxios.msg;
		//未登录
		if(code == 233){
			router.push('/login');
			return;
		}

		//服务器操作失败
		if(!flag){
			ElMessage.closeAll();
			ElMessage({
				message: msg,
				type: 'error',
				duration: 2000,
			})
		}
		return dataAxios
	},
	function (error) {
		// 超出 2xx 范围的状态码都会触发该函数。
		// 对响应错误做点什么
		console.log(error)
		if(error.code=='ERR_NETWORK'){
			ElMessage.closeAll();
			ElMessage({
				message: '服务器连接超时',
				type: 'error',
				duration: 2000,
			})
		}
		if(error.code=='ERR_BAD_RESPONSE'){
			ElMessage.closeAll();
			ElMessage({
				message: '服务器响应失败',
				type: 'error',
				duration: 2000,
			})
		}
		return Promise.reject(error)
	}
)

export default service

